{% extends 'layout.html' %}
{% block content %}
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='floating-labels.css') }}">
    <form method="POST" action="" class="form-signin">
        {{ form.hidden_tag() }}
        <div class="text-center mb-4">
            <img class="mb-1" src="{{ url_for('static',filename='images/docker.png') }}" alt="" width="72" height="72">
            <p class="display-5 text-primary">Docker Web UI</p>
            <h1 class="h3 mb-3 font-weight-normal">Change Password</h1>
        </div>
        <div class="form-group">
            {% if form.password.errors %}
                {{ form.password(class="form-control is-invalid") }}
                <div class="invalid-feedback">
                    {% for error in form.password.errors %}
                        <span>{{ error }}</span>
                    {% endfor %}
                </div>
            {% else %}
                {{ form.password(class="form-control",placeholder="Password" ) }}
            {% endif %}
        </div>
        <div class="form-group">
            {% if form.confirm_password.errors %}
                {{ form.confirm_password(class="form-control is-invalid") }}
                <div class="invalid-feedback">
                    {% for error in form.confirm_password.errors %}
                        <span>{{ error }}</span>
                    {% endfor %}
                </div>
            {% else %}
                {{ form.confirm_password(class="form-control",placeholder=" Confirm Password" ) }}
            {% endif %}
        </div>
        <div class="form-group">
            {{ form.submit(class="btn btn-lg btn-primary btn-block") }}
        </div>
    </form>
{% endblock content %}